*{
 margin: 0;
 padding: 0;
}
a{
 text-decoration: none;
 color: black;
}
li{
 list-style: none;
}
body{
 font-family: "微软雅黑";
 background: rgb(245,245,245) ;
 padding-bottom: 20px;
}
.top{
 overflow: hidden;
 box-sizing: border-box;
 margin-top: 40px;
}
.top p{
 padding: 10px 0;
 width: 33.33%;
 float: left;
 font-size: 15px;
 text-align: center;
}
.active{
 border-bottom: 1px solid crimson;
}
.list{
 width: 100%;
 box-sizing: border-box;
 background: white;
 margin-top: 1px;
}
.list li p span:first-child{
 font-size: 15px;
}
.list li{
 border-bottom: 1px solid #cccccc;
 padding: 12px ;
 background: url("../../images/jiantou.png") no-repeat 96%;
 background-size: 6%;
}
.list li .span1{
 color: orange;
}
.list li p:last-child{
 margin-top: 5px;
 color: #777;
 font-size: 13px;
}
.loading {
 width: 100px;
 height: 100px;
 position: absolute;
 left: 50%;
 top: 50%;
 margin-left: -50px;
}
.loader-inner {
 width: 100px;
 height: 100px;
 text-align: center;
}
.loading p { width: 100px; font-size: 13px; color: #666; text-align: center; position: absolute; top: 30px;}
.ball-clip-rotate > div {
 background-color: #ff7674;
 width: 15px;
 height: 15px;
 border-radius: 100%;
 margin: 2px;
 -webkit-animation-fill-mode: both;
 animation-fill-mode: both;
 border: 2px solid #ff7674;
 border-bottom-color: transparent;
 height: 25px;
 width: 25px;
 background: transparent !important;
 display: inline-block;
 -webkit-animation: rotate 0.75s 0s linear infinite;
 animation: rotate 0.75s 0s linear infinite; }

@keyframes rotate {
 0% {
  -webkit-transform: rotate(0deg) scale(1);
  transform: rotate(0deg) scale(1); }

 50% {
  -webkit-transform: rotate(180deg) scale(0.6);
  transform: rotate(180deg) scale(0.6); }

 100% {
  -webkit-transform: rotate(360deg) scale(1);
  transform: rotate(360deg) scale(1); } }